<template>
  <div class="app-container">
    <div class="view-style">
      <el-steps :active="steps_active">
        <el-step title="基础设置" icon="el-icon-edit" />
        <el-step title="派单设置" icon="el-icon-upload" />
        <el-step title="任务确认" icon="el-icon-picture" />
      </el-steps>
    </div>
    <!-- 1 -->
    <div class="view-style">
      <div v-show="steps_active=== 1">
        <baseesetting />
      </div>
      <div v-show="steps_active === 2">
        <sendsetting />
      </div>
      <div v-show="steps_active === 3">
        <affirm />
      </div>
    </div>
  </div>
</template>
<script>

import { addTaskApi } from '@/api/product-ts/app/task'
import baseesetting from './sendorders/basesetting'
import sendsetting from './sendorders/sendsetting'
import affirm from './sendorders/affirm'
import { mapGetters } from 'vuex'
export default {
  components: {
    baseesetting,
    sendsetting,
    affirm
  },
  data() {
    return {

    }
  },
  computed: {
    ...mapGetters([
      'steps_active'
    ])
  },
  methods: {
    handleClick() {

    },
    submit() {
      addTaskApi().then(result => {})
    }

  }
}
</script>
<style lang="scss" scoped>
.view-style {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  .view-style-title {
    height: 40px;
  }
  .nex-btns-style {
    text-align: center;
  }
}
</style>
